<template>
  <div id="basic">
    <a-layout style="height: 400px">
      <a-layout-header>
        <a-avatar :style="{ backgroundColor: '#14a9f8' }">{{ image }}</a-avatar>
      </a-layout-header>
      <a-layout-content>
        <router-view />
      </a-layout-content>
      <a-layout-footer>Footer</a-layout-footer>
    </a-layout>
  </div>
</template>

<script setup>
import { ref } from "vue";

const image = ref();
</script>

<style scoped></style>
